<template>
  <div class="app-container">
    <analyze></analyze>
    <el-tabs v-model="activeName" type="border-card">
      <el-tab-pane label="按项目区分库存统计" name="0">
        <project-statistics v-if="activeName == 0"></project-statistics>
      </el-tab-pane>
      <el-tab-pane label="按物资类型库存统计" name="1">
        <category-statistics v-if="activeName == 1"></category-statistics>
      </el-tab-pane>
      <el-tab-pane label="物资统计" name="2">
        <commodity-statistics v-if="activeName == 2"></commodity-statistics>
      </el-tab-pane>
      <el-tab-pane label="调入明细" name="3">
        <transfer-details v-if="activeName == 3"></transfer-details>
      </el-tab-pane>
      <el-tab-pane label="备货统计" name="4">
        <stock-details v-if="activeName == 4"></stock-details>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>

// 项目统计
import projectStatistics from './projectStatistics.vue'
// 类别统计
import categoryStatistics from "./categoryStatistics.vue";
// 商品统计
import commodityStatistics from "./commodityStatistics.vue";
// 调入明细
import transferDetails from './transferDetails.vue';
// 备货统计
import stockDetails from './stockDetails.vue';
import analyze from './analyze.vue';

export default {
  name: "materialStatistics",
  components: {
    projectStatistics,
    categoryStatistics,
    commodityStatistics,
    transferDetails,
    stockDetails,
    analyze
  },
  data() {
    return {
      activeName: '0'
    };
  },
  created() {
  },
  methods: {
  }
};
</script>
